<template>
  <div class="public">
    <div class="home-main">
      <router-view></router-view>
    </div>
    <!-- 3.使用 -->
    <Footer></Footer>
  </div>
</template>

<script>
//1.引入
import Footer from '@/components/Footer.vue'
export default {
  name: "public",
  // 2.注册
  components:{
    Footer
  }
};
</script>

<style>
.public {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* background: #ccc; */
}
.home-main {
  flex: 1;
  overflow: hidden;
}
</style>